@use 'sass:color';
// 引入变量和mixin
@use './variables' as *;
@use './mixins' as *;
@use './flex' as *;

// 通用按钮样式
.btn {
  display: inline-block;
  padding: 0.5em 1.2em;
  font-size: $font-size-base;
  color: #fff;
  background: $primary-color;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
  &:hover {
    background: color.adjust($primary-color, $lightness: -8%);
  }
}

// 通用文本省略
.text-ellipsis {
  @include ellipsis(1);
}

// 通用清除浮动
.clearfix {
  @include clearfix;
}
